// 创建一个路由器，并暴露出去

// 第一步：引入createRouter
import { createRouter, createWebHashHistory } from 'vue-router'
// 引入一个一个可能要呈现的路由组件
import Home from '@/views/Home.vue'
import About from '@/views/About.vue'
import News from '@/views/News.vue'

// 第二步：创建路由器
const router = createRouter({
  // history: createWebHistory(), // 路由器的工作模式：history模式、hash模式
  history: createWebHashHistory(), // 如果使用hash的路由模式的话，请求路径里面会携带#号
  // 而使用history路由模式，请求路径里面不带#号，但是需要服务器端配置处理解决#的问题
  routes: [
    // 一个一个的路由规则
    {
      // 主页
      path: '/home',
      component: Home,
    },
    {
      // 关于
      path: '/about',
      component: About,
    },
    {
      // 新闻
      path: '/news',
      component: News,
    },
  ],
})

// 默认暴露router
export default router
